<!--
  This template loads for the 'tab.friend-detail' state (app.js)
  'friend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
  The FriendsCtrl pulls data from the Friends service (service.js)
  The Friends service returns an array of friend data
-->
<ion-view hide-back-button="true" devin-hide-tabs="true" style="background-color: #E5EEF4;" view-title="方案设计">
	<ion-nav-buttons side="right">
		<span ng-click="saveDesign(true)">
            <span class="nav-right-button">保存</span>
		</span>
		<span ng-click="uploadDesign()">
            <span class="nav-right-button">提交</span>
		</span>
	</ion-nav-buttons>
	<ion-nav-buttons side="left">
		<span class="nav-right-button" style="font-size: 1.6rem" ng-click="backToTask()">
      <i class="icon ion-android-arrow-back"></i>
    </span>
	</ion-nav-buttons>
	<ion-content overflow-scroll="true" scroll="false">
		<ion-item class="project-title-location">
			<span class="project-spms-title">项目{{projectSolution.projectNumber}}</span>
		</ion-item>
		<ion-scroll scrollbar-x="false" delegate-handle="nav-scroll" zooming="false" direction="x" style="width:100%">
			<div style="width: 100%;height: 100%;background-color: white; position: absolute;z-index: -1;"></div>
			<ul id="design-nav-scroll" class="nav-scroll">
				<li ng-click="activeNav($event)" class="active">布局设计</li>
				<li ng-click="activeNav($event)">安装布线</li>
				<li ng-click="activeNav($event)">选择产品包</li>
				<li ng-click="activeNav($event)">物料清单</li>
				<!--<li ng-click="activeNav($event)">方案一览</li>-->
			</ul>
			<div class="cur" style="margin-left:{{curStyle * 80}}px"></div>
		</ion-scroll>
		<!--<div  style="position: absolute; top: 82px; bottom: 0px" >-->

		<!--<ion-slide-box  on-touch="onTouchThis($event)" on-drag="onDragThis($event)" ng-if=vm.lazyLoad0 style="height: 1000px;margin-top: -20px" show-pager="false" delegate-handle="slide-box" active-slide="myActiveSlide" on-slide-changed="activeSlide($index)">-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" on-touch="onTouchThis($event)" overflow-scroll="false" style="margin-top: -15px"
			ng-if='vm.lazyLoad1' zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-design/design.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" on-touch="onTouchThis($event)" overflow-scroll="false" style="margin-top: -15px"
			ng-if=vm.lazyLoad2 zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-design/line.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" on-touch="onTouchThis($event)" overflow-scroll="false" style="margin-top: -15px"
			ng-if=vm.lazyLoad3 zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-design/pack.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" on-touch="onTouchThis($event)" overflow-scroll="false" style="margin-top: -15px" ng-if=vm.lazyLoad4
			zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-design/list.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" on-touch="onTouchThis($event)" overflow-scroll="false" style="margin-top: -15px"
			zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div zooming="false">
						<div ng-if="vm.lazyLoad5" style="background-color: white" ng-include="'http://pm.ht-home.cn/app-zy/solution.html'"></div>
                        <div style="height: 100px;"></div>
					</div>
                    <div ng-if="vm.lazyLoad5" ng-click="shareTapped()" class="shareButtonBg">
                        <div class="shareButton">分享方案设计</div>
                    </div>
				</ion-slide>
			</ion-slide-box>
			<!--'http://210.73.192.83/v1/controller/showDesignPreview?projectId='+projectSolution.projectId-->
		</div>
		<!--</ion-slide>-->
		<!--</ion-slide-box>-->
		<!--</div>-->
	</ion-content>
</ion-view>
